<script setup>

</script>

<template>
    <!--侧边栏-->
    <el-aside class="el-aside" width="200px" style="background-color: rgb(238, 241, 246)">
        <el-menu :default-openeds="['1', '2','3','4']"><!--default-openeds，默认展开-->
            <el-submenu index="1">
                <template slot="title"><i class="el-icon-message"></i>图书</template><!--也就是图书分类管理-->
                <el-menu-item-group>
                    <template slot="title">图书</template>
                    <router-link to="/category">
                        <el-menu-item index="1-1">
                            图书管理
                        </el-menu-item>
                    </router-link>
                </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
                <template slot="title"><i class="el-icon-menu"></i>职工</template>
                <el-menu-item-group>
                    <template slot="title">职工</template>
                    <router-link to="/emp">
                        <el-menu-item index="2-1">
                            职工管理
                        </el-menu-item>
                    </router-link>
                </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
                <template slot="title"><i class="el-icon-menu"></i>客户</template>
                <el-menu-item-group>
                    <template slot="title">客户</template>
                    <router-link to="user">
                        <el-menu-item index="3-1">
                            客户管理
                        </el-menu-item>
                    </router-link>
                </el-menu-item-group>
            </el-submenu>
            <el-submenu index="4">
                <template slot="title"><i class="el-icon-menu"></i>借书还书</template>
                <el-menu-item-group>
                    <template slot="title">借书还书</template>
                    <router-link to="borrow">
                        <el-menu-item index="3-1">
                            借书还书记录
                        </el-menu-item>
                    </router-link>
                </el-menu-item-group>
            </el-submenu>

        </el-menu>
    </el-aside>
</template>

<style scoped>
.el-aside {
    color: #333;
    margin-top: 80px;
}

a {
    text-decoration: none;
    color: black;
}
</style>
